<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>设备信息</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">  
  <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  <link href="../css/animate.css" rel="stylesheet">
  <link href="../css/style.css?v=4.1.0" rel="stylesheet">
  <link rel="stylesheet" href="../css/labMgt/self.css">

  <script src="../js/jquery.min.js?v=2.1.4"></script>
  <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  <script src="../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  <script src="../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

  <script src="../js/vehicleDetail.js"></script>  
   <script src="../js/main.js"></script>  

</head>
<body class="gray-bg">
  <div class="wrapper wrapper-content animated fadeInRight worker-info">

    <div class="row row-btn-item">
      <div class="col-sm-12">
        <a class="btn btn-info" onclick="window.history.go(-1)">返回</a>
      </div>
    </div>

    <div  class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true"> 

      <div class="col-sm-12">                
        <label class="detail-info-label">车辆详情</label>
        <a class="btn btn-info pull-right" href="editVehicle.html">编辑</a>
      </div>       

      <table class="table">
        <tbody>
          <tr>
            <td class="table-td-title">车辆编号：</td><td>CL20140910001</td>
            <td class="table-td-title">车辆号牌：</td><td>苏A92341</td>
            <td class="table-td-title">车辆类型：</td><td>牵引车</td>
            <td rowspan="8" colspan="2">图片</td>
          </tr>
          <tr>
            <td class="table-td-title">使用性质：</td><td>租赁</td>
            <td class="table-td-title">车辆所有：</td><td>1人</td>
            <td class="table-td-title">购车时间：</td><td>2014.03.10</td>
          </tr>
          <tr>
            <td class="table-td-title">年检时间：</td><td>2015.10.10</td>
            <td class="table-td-title">品牌型号：</td><td></td>
            <td class="table-td-title">保险到期时间：</td><td>2016.10.10</td>
          </tr>
          <tr>
            <td class="table-td-title">登记日期：</td><td>2014.03.10</td>
            <td class="table-td-title">车辆成新度：</td><td>8成</td>
            <td class="table-td-title">已使用年限：</td><td>2年</td>
          </tr>
          <tr>
            <td class="table-td-title">已行驶里程数：</td><td></td>
            <td class="table-td-title">租赁车辆：</td><td>1</td>
            <td class="table-td-title">租赁日期：</td><td>2014.03.10</td>
          </tr>
          <tr>
            <td class="table-td-title">租赁时已行驶里程数：</td><td></td>
            <td class="table-td-title">使用项目：</td><td>G220公路工程</td>
            <td class="table-td-title">车辆租赁期限：</td><td>3年</td>
          </tr>
          <tr>
            <td class="table-td-title">月租金：</td><td>10,000</td>
            <td class="table-td-title">保养周期：</td><td>半年</td>
            <td class="table-td-title">驾驶人：</td><td>张三</td>
          </tr>
          <tr>
            <td class="table-td-title">是否绑定GPS：</td><td>是</td>
            <td class="table-td-title">GPS编号：</td><td>GP1832001</td>
            <td class="table-td-title">备注：</td><td></td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="row">
      <div class="col-sm-12">
        <ul class="nav nav-tabs">
          <li class="active" data-toggle="#table1-div" tab-index="1">
            <a>安排记录</a>
          </li>
          <li data-toggle="#table2-div" tab-index="2">
            <a>用油记录</a>
          </li>
           <li data-toggle="#table3-div" tab-index="3">
            <a>维保记录</a>
          </li>    
        </ul>

        <div id="table1-div" class="ibox-content collapse in" aria-expanded="true">            
          <table id="table1" class="footable table table-stripped text-center"
            data-unique-id="id">
            <thead>
              <tr>
                <th data-field="field1">日期</th>
                <th data-field="field2">驾驶人</th>
                <th data-field="field3">安排事由</th>
                <th data-field="field4">出差地点</th>
                <th data-field="field5">备注</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>

        <div id="table2-div" class="ibox-content collapse in" aria-expanded="true">            
          <table id="table2" class="footable table table-stripped text-center"
            data-unique-id="id">
            <thead>
              <tr>
                <th data-field="field1">行驶日期</th>
                <th data-field="field2">里程起数</th>
                <th data-field="field3">行驶里程</th>
                <th data-field="field4">燃油（升）</th>
                <th data-field="field5">费用（元）</th>
                <th data-field="field6">平均油耗（升）</th>
                <th data-field="field7">驾驶人</th>
                <th data-field="field8">使用项目</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>

        <div id="table3-div" class="ibox-content collapse in float-e-margins" aria-expanded="true">   
          <label>维保方式</label>
          <select>
            <option value="-1">请选择</option>
          </select>       
          <a class="btn btn-info pull-right">导出</a>
          <table id="table3" class="footable table table-stripped text-center"
            data-unique-id="id">
            <thead>
              <tr>
                <th data-field="field1">日期</th>
                <th data-field="field2">驾驶人</th>
                <th data-field="field3">维保方式</th>
                <th data-field="field4">维保事由</th>
                <th data-field="field5">维保费用（元）</th>
                <th data-field="field6">备注</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>

      </div>
    </div>
  </div>
</body>
</html>